<body>
<div id="modal">
        <div class="blackBox"></div> 
                                
            <div  class="modalStyle">
            <a href="#" class="closeIcon"></a>
             <h1 class="textLight header30">Enter your reference number</h1>
             
             <div class="planCodeBox">
                <input class="inputText floatLeft width350" id="inputplancode" /><a id="plancodebutton" href="#." class="floatLeft buttonBlue text20 marg10Left">Proceed</a>
               
                <span class="clear"></span>
                <p id="errorForRef" class="errorBox marg0">Invalid reference number</p>
                <hr class="blueLine"/>
                
                <p class="text14">To retrieve your plan code, just dial *143# using your registered mobile number or call our customer service hotline at 730-1000.</p>
             </div>       
        </div>            		
</div>

<div id="welcomeP" class="posRel">
		<span class="lavaL"></span>
    	<span class="lavaR"></span>
	<div class="width960c padding20 alignCenter textBlue z5 fontLight">
    
    
    	<h1 class="welImag">You can get a gadget ^ FREE on Globe Prepaid</h1>
        <p>Create your GoGADGETS prepaid bundle and get your money back when you register to our promos.</p>
        
        	<div>
            <a href="#" class="circle inBlock"><img src="<?php echo base_url('skin/images/mobile.png'); ?>" alt=""/> <p>Mobile</p></a>
            
            <a href="#" class="circle inBlock"><img src="<?php echo base_url('skin/images/promo.png'); ?>" alt=""/> <p>Promo</p></a>
            
            <a href="#" class="circle inBlock marg40L"><img src="<?php echo base_url('skin/images/rebate.png'); ?>"  alt=""/> <p>Registration Period</p></a>
            </div>
            
            <div>
            	<a href="<?php echo base_url('index.php/gallery');?>" id="btn_create_gadget" class="buttonBlue Wel inBlock marg10Right">Create your own gadget bundle now!</a>
                <a href="#" id="" class="buttonBlue Wel inBlock">Learn more about GoGADGETS</a>
                
                
                <a href="#" id="" class="block marg20 fontBold textBlue marg10Top underLine">Already registered? View your plan here</a>
            </div>
            <div class="marg40">
            	<p class="fontReg">Ready to get a GoGADGETS prepaid device bundle? Follow the steps below to begin.</p>
            	<img class="instruct" src="<?php echo base_url('skin/images/instruction.png'); ?>"/>
            </div>
            
            <div class="alignLeft instructMob fontReg">
            	<ol>
                	<li>Select your device</li>
                    <li>Choose your promo</li>
                    <li>Input your mobile number</li>
                    <li>Complete your profile</li>
                    <li>Select your preferred Globe Store for handset pickup</li>
               </ol>

            </div>
            
           
           <p class="textBlack alignLeft fontReg"><b>Note:</b> GoGADGETS  is open to Globe Prepaid customers. Make sure you have a valid Globe Prepaid number to complete the registration process.
	</p>
           
            
    </div>
</div>


<?php /*
	CONTENT HERE SHOULD'VE BEEN IN CMS BUT NO! MANO MANO TEXT EDIT
*/
?>

<div class="journal-content-article">
  <div class="fold-container shadow">
    <div class="blocks hbox height350 w50p gradient-pink shadow z6 pull-left" style="height: 350px;">
      <div class="noSplash">
        <div class="single-content-box pull-right pad">
          <div class="left-image"> <img src="<?php echo base_url('skin/images/regiWeb.png'); ?>"/> </div>
          <div style="color: #ffffff;" class="content-text-right">
            <h2>How to register via WEB</h2>
            <p>Create your own GoGADGETS prepaid bundle online.</p>
            <a href="#" class="btn"><span class="icon other arrow"></span> Learn More</a></div>
        </div>
      </div>
    </div>
    <div class="blocks hbox height350 w50p gradient-green shadow z7 pull-left" style="height: 350px;">
      <div class="noSplash">
        <div class="single-content-box right pad">
          <div class="left-image"> <img src="<?php echo base_url('skin/images/gosakto2.png'); ?>"/></div>
          <div style="color: #ffffff;" class="content-text-right">
            <h2>How to register via GoSAKTO App</h2>
            <p>Download the GoSAKTO App on iOS or Android to create your own GoGADGETS prepaid bundle.</p>
            <a href="#" class="btn"><span class="icon other arrow"></span> Learn More</a></div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="journal-content-article">
  <div class="fold-container shadow">
    <div class="blocks hbox height350 w50p gradient-yelloworange shadow z3 pull-left" style="height: 350px;">
      <div class="noSplash">
        <div class="single-content-box pull-right pad">
          <div class="left-image"> <img src="<?php echo base_url('skin/images/fb.png'); ?>"/></div>
          <div style="color: #ffffff;" class="content-text-right">
            <h2>How to register via Facebook</h2>
            <p>Use Facebook to create your own GoGADGETS prepaid bundle and share it with your friends!</p>
            <a href="#" class="btn"><span class="icon other arrow"></span> Learn More</a></div>
        </div>
      </div>
    </div>
    <div class="blocks hbox height350 w50p gradient-purple shadow z4 pull-left" style="height: 350px;">
      <div class="noSplash">
        <div class="single-content-box right pad">
          <div class="left-image"> <img src="<?php echo base_url('skin/images/143.png'); ?>"/> </div>
          <div style="color: #ffffff;" class="content-text-right">
            <h2>How to register via *143#</h2>
            <p>Enjoy call, text and mobile internet offers, plus the new GoSURF with FREE Spotify to make your world sound wonderful!</p>
            <a href="#" class="btn"><span class="icon other arrow"></span> Learn More</a></div>
        </div>
      </div>
    </div>
  </div>
</div>



</body>
